import styled from "styled-components";
import bg from '../../../../assets/images/bg.png'
const AllWrapper=styled.div`
height:100%;
overflow: hidden;
.am-indexed-list-container{
    width: 100%;
}
`
const ThemeWrapper=styled.div`
    /* background-color: pink; */
    flex: 1;
   
    /* width: 100%; */
    .theme{
        width: 100%;
        margin-top: .2rem;

        .first{
            display: flex;
            width: 100%;
            margin:0;
            justify-content: space-between;
            padding: .1rem 0 .1rem .2rem;
            background-color: #eee;

            img{
                width: 1.5rem;
                height: 1rem;
            }
            >div{
                margin-right: .1rem;
              h1{
                  font-size: .15rem;
                  font-weight: normal;
              }
              p{
                  font-size: .12rem;
                  margin-top:.02rem;
                  margin-top:.15rem;
              }
            }
        }
        ul{ 
            display: flex;
            flex-wrap: wrap;
            flex: 1;
            li{
            background:#eee;
            margin-top: .1rem;
            text-align: center;
            flex: 1;
            width: 50%;
            padding: .1rem  0 0 0;
            &:nth-child(odd){
                margin-right: .1rem;    
            }
            .li_img{
                img{
                    width: 1rem;
                    height: .7rem;
                }
            }
            .dec{
                padding: .15rem 0;
                h1{
                    font-size: .14rem;
                    font-weight: normal;
                }
                p{
                    font-size: .12rem;
                    transform: scale(0.9);
                }
            }
        }
        }
 
    }

`

export{
    AllWrapper,
    ThemeWrapper
}